<!--
 * @Author: your name
 * @Date: 2021-11-19 21:19:33
 * @LastEditTime: 2021-11-22 15:22:58
 * @LastEditors: Please set LastEditors
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: \jf-nlitc\src\views\Home\xmxz\index.vue
-->
<template>
  <div class="left">
      <div class="top"></div>
    <!-- <EventFiltering @setXzCheckedArr="test" /> -->
    <UsablePushEvent />
  </div>
</template>

<script>
// import EventFiltering from "./EventFiltering";
import UsablePushEvent from "./EventFiltering/usablePushEvent.vue"
import { editMap } from "../../../../utils/map";
import {
  getXzRegion,
} from "../../../../api/connect";
import { mapActions, mapState } from "vuex";
export default {
  data() {
    return {
    
    };
  },
  computed: {},
  watch: {},
  methods: {
    ...mapActions({
      setHighlightLoading_act: "Sjsx/setHighlightLoading_act",
    }),
    
  },
  created() {},
  mounted() {
  },

  beforeCreate() {},
  beforeMount() {},
  beforeUpdate() {},
  updated() {},
  beforeDestroy() {},
  destroyed() {},
  activated() {},
  components: { UsablePushEvent },
};
</script>

<style lang="scss" scoped>
.left {
  width: 432px;
  height: calc(100% - 120px);
  position: absolute;
  left: 0px;
  //   border: 1px solid red;
  // top: 95px;
  bottom: -20px;
  .top {
    width: 430px;
    height: 405px;
    //   height: calc(100% - 95px);
    //   position: absolute;
    //   left: 20px;
    //   border: 1px solid red;
    display: flex;
    justify-content: space-between;
  }
}
</style>
<style lang="scss">
.el-tabs--border-card {
  background-color: transparent;
}
.el-card {
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0);
  border-radius: 0px;
  box-shadow: none;
  height: 340px;
  overflow-y: auto;
  &::-webkit-scrollbar {
    width: 4px;
  }
  &::-webkit-scrollbar-thumb {
    background: linear-gradient(
      180deg,
      rgba(131, 166, 166, 0.1),
      rgba(131, 166, 166, 0.8),
      rgba(131, 166, 166, 0.1)
    );
    border-radius: 10px;
  }
  &::-webkit-scrollbar-track-piece {
    background: transparent;
  }
}
.el-card__body {
  padding: 10px;
}

.el-tree-node__label {
  font-size: 14px;
  color: #fff;
}

.el-table,
.el-tree,
.el-table__expanded-cell {
  background-color: transparent;
  color: #fff;
  border-radius: none;
}
.el-checkbox__inner {
  display: inline-block;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.774);
  border-radius: 0px;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  background-color: transparent;
  // z-index: 1;
  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),
    background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}
.el-checkbox__inner {
  border: 1px solid rgba(255, 255, 255, 0.774);
  border-radius: 0%;
  background: rgba(0, 0, 0, 0.103) !important;
  margin-right: 5px !important;
}

.el-tree-node:focus > .el-tree-node__content {
  background-color: #66b1ff87 !important;
  border-radius: 5px;
}
.el-tree-node__content:hover {
  background-color: #66b1ff87;
  border-radius: 5px;
}
.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: #66b1ff87;
}
</style>
